<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 模块化
    // 1.概述/作用-代码分模块存放，化繁为简，提高代码复用性
    // 2.常用模块化目录
        // 1.创建模块化目录-es-module
        // 2.使用npm init生成package.json包
        // 3.在json包中加入"type": "module"
        // 4.在模块化目录中加入src(源代码)目录
        // 5.src中加入utils(公共函数目录)
        // 6.模块化目录中加入index.js文件
    // 3.默认模块的导入导出（只能导出一个）成员可以是
        // 1.公共文件中，通过export default 成员导出
        // 2.调用文件中，通过import 函数名（可以取任意名字） from '函数文件路径'导入
        // 3.通过控制台node 运行文件路径执行文件
    // 4.按需的导入导出-可以多个
        // 1.公共文件中，通过export 成员导出
        // 2.调用文件中，使用import {函数名(必须一模一样)，...} from '函数文件路径'导入
        // 3.通过控制台node运行文件路径执行文件
</script>
</html>